/*
 * @Author: Lin Hongwei
 * @Date: 2022-09-14 15:54:50
 * @LastEditTime: 2022-10-09 20:16:28
 * @LastEditors: Lin Hongwei
 * @email: 1365755396@qq.com
 * @CSDN: https://blog.csdn.net/weixin_45429409
 * @Description: 公用组件
 */
import styled from "@emotion/styled";
import { Button } from "antd";

export const Row = styled.div<{
  gap?: number | boolean;
  between?: boolean;
  marginBottom?: number;
}>`
  display: flex;
  align-items: center;
  justify-content: ${(props) => (props.between ? "space-between" : undefined)};
  margin-bottom: ${(props) => (props.marginBottom || 0) + "rem"};
  > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: ${(props) =>
      typeof props.gap == "number"
        ? props.gap + "rem"
        : props.gap
        ? "2rem"
        : 0};
  }
`;

export const ButtonNoPadding = styled(Button)`
  padding: 0;
`;

export const ViewContainer = styled.div`
  padding: 3.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
`;
